<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:gp="http://java.sun.com/jsf/composite/gpymes"

                xmlns:f="http://java.sun.com/jsf/core">


    <ui:decorate template="/puntoventa/plantillaABM.xhtml">
        <ui:define name="acciones">
            <p:commandButton value="Guardar" action="#{metodoPagoBean.edit}"  styleClass="botonRojo flotaIzquierda"/>
            <p:commandButton action="listado.xhtml" styleClass="botonRojo flotaDerecha" value="Atras"/>
        </ui:define>
        <ui:define name="titulo">
            Metodo de Pago
        </ui:define>
        <ui:define name="estados">

        </ui:define>
        <ui:define name="cuerpo">
            <h:panelGroup rendered="#{autorizador.hayPermiso('CreaProveedor')}">

                <p:inputText id="nombre" value="#{metodoPagoBean.actual.nombre}" styleClass="descripcionPrincipal"/>
                <p:watermark for="nombre" value="Nombre" id="watermark"/>
                <p:spacer height="10"/>



                <h:panelGrid columns="2">
                    <p:outputLabel value="Diario" for="diario"/>
                    <p:selectOneMenu value="#{metodoPagoBean.actual.diario}" id="diario" >
                        <f:selectItems value="#{diarioBean.itemsAvailableSelectOne}"/>
                    </p:selectOneMenu>
                    <p:outputLabel value="Tipo" for="tipo"/>
                    <p:selectOneMenu value="#{metodoPagoBean.actual.tipoMetodoPago}" id="tipo" >
                        <f:selectItems value="#{productorEnums.obtTiposMetodosPagos()}"/>
                    </p:selectOneMenu>
                </h:panelGrid>

                <p:selectBooleanCheckbox itemLabel="Control Efectivo" value="#{metodoPagoBean.actual.controlEfectivo}"/>


            </h:panelGroup>

            <p:panel header="Valores de Caja" style="margin-bottom:20px">
                <h:panelGrid columns="2" cellpadding="5">
                    <h:outputLabel value="Valor: *" for="valor"></h:outputLabel>
                    <p:inputText id="valor" value="#{metodoPagoBean.valorMoneda.denominacion}" required="true"/>

                    <p:commandButton id="btn_add" value="Add" update="valores @parent" action="#{metodoPagoBean.agregar()}">
                    </p:commandButton>
                </h:panelGrid>
            </p:panel>

            <p:outputPanel id="valores" styleClass="valores">
                <p:dataTable value="#{metodoPagoBean.actual.valoresMonedas}" var="valor" id="valoresTable">

                    <p:column headerText="Valor">
                        <h:outputText value="#{valor.denominacion}" />
                    </p:column>

                    <p:column headerText="Action">
                        <p:commandLink value="Remover" update="@(.valores)" process="@(.valores)">
                            
                        </p:commandLink>
                    </p:column>

                </p:dataTable>
            </p:outputPanel>

        </ui:define>

    </ui:decorate>



</ui:composition>
